<script setup>
    import {ref} from "vue"
    import agent from '../mitt';
    // 准备消息
    const message = ref("生是天各一方，死是不复相见")

    // 要通过方法的调用去执行
    const sendMsg = () => {
        // 利用 mitt对象.emit 发送消息
        agent.emit("toNiuLang", message.value)
    }

</script>

<template>
    <div class="myLeft">
        <p>牛郎</p>
        <button @click="sendMsg">发送消息</button>
    </div>
</template>

<style scoped>
    .myLeft {
        height: 100px;
        text-align: center;
        background-color: plum;
        flex: 1;
    }
</style>
